<template>
	<view :style="deviceWidth ? { width: deviceWidth + 'px' } : ''" style="margin: 0 auto;">
		<view data-v-a022a9c8="" class="page-mobile" id="home">
			<view data-v-a022a9c8="" style="position: fixed; top: 0px;  z-index: 100000;"
				:style="deviceWidth ? { width: deviceWidth + 'px' } :  { width: 100 + '%' }">
				<view data-v-3d27c785="" data-v-a022a9c8="" class="navbar" @click="backpage()">
					<view data-v-3d27c785="" class="nav-left"><svg data-v-3d27c785="" t="1717429926103" class="icon"
							viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19911"
							width="16" height="16">
							<path data-v-3d27c785=""
								d="M350.62 514.18l392.72-395.43a32 32 0 0 0-45.41-45.1L282.66 491.78a32 32 0 0 0 0.16 45.25l415.27 412.44a32 32 0 1 0 45.1-45.41z"
								fill="#fff" p-id="19912"></path>
						</svg><span data-v-3d27c785="" style="font-size: 30rpx;margin-left: 10rpx;">返回</span></view>
					<view data-v-3d27c785="" class="nav-center">聯絡我們</view>
					<view data-v-3d27c785="" class="nav-right"></view>
				</view>
			</view>
			<view data-v-a022a9c8="" style="height: 300rpx"></view>
			<view data-v-a022a9c8="" class="contact">
				<view data-v-a022a9c8="" class="contact-1">聯繫我們</view>
				<view data-v-a022a9c8="" class="contact-2" style="margin-bottom: 0.853rem;">
					彩種上架、廣告業務、反饋BUG、投訴建議、聯系澳門六合彩官方郵件。24小時內可以取得回復。</view>
				<view data-v-a022a9c8=""><svg data-v-a022a9c8="" t="1717511690443" class="icon" viewBox="0 0 1024 1024"
						version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3276" width="44" height="44">
						<path data-v-a022a9c8=""
							d="M870.4 192h-130.133333c-40.533333 0-49.066667 14.933333-49.066667 14.933333l-174.933333 245.333334s-142.933333-206.933333-166.4-234.666667C324.266667 187.733333 294.4 192 294.4 192H151.466667L21.333333 855.466667c174.933333-44.8 213.333333-149.333333 213.333334-149.333334l51.2-283.733333 230.4 315.733333 217.6-313.6s40.533333 221.866667 72.533333 300.8c32 78.933333 196.266667 130.133333 196.266667 130.133334L870.4 192z"
							fill="#F15533" p-id="3277"></path>
					</svg></view>
				<view data-v-a022a9c8="" class="contact-2" @click="copy()">E-mail：service@macaujc.com</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				deviceWidth: null,
			}
		},
		mounted() {
			this.getDeviceWidth()
		},
		methods: {
			backpage() {
				uni.navigateBack()
			},
			copy() {
				uni.setClipboardData({
					data: 'service@macaujc.com',
					success: function() {
						console.log('success');
					}
				});

			},
			getDeviceWidth() {
				const systemInfo = uni.getSystemInfoSync();
				const screenWidth = systemInfo.screenWidth;

				// 判断是否为PC设备
				if (screenWidth >= 768) {
					this.deviceWidth = 350; // 如果是PC，使用默认宽度350px
				} else {
					this.deviceWidth = null; // 如果是手机，使用实际屏幕宽度
				}
				console.log(this.deviceWidth);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-mobile {
		height: 100%;
		box-sizing: border-box;
	}

	.navbar {
		height: 100rpx;
		background-color: #1a3d96;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		overflow: hidden;
		box-sizing: border-box;
	}

	.nav-left {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nav-center {
		font-size: 36rpx;
		text-align: center;
	}

	.nav-right {
		height: 100%;
		width: 1.6rem;
	}

	.contact {
		padding: 0 .213rem;
		text-align: center;
	}

	.contact .contact-1 {
		font-size: 40rpx;
		color: #333;
		font-weight: 700;
		margin-bottom: .427rem;
	}

	.contact .contact-2 {
		font-size: 26rpx;
		color: #333;
		font-weight: 700;
	}
</style>